<!doctype html>
<html>
  
  <head>
    <title>divshot1</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
    <link rel="stylesheet" href="https://app.divshot.com/css/divshot-util.css">
    <link rel="stylesheet" href="https://app.divshot.com/css/bootstrap.css">
    <link rel="stylesheet" href="https://app.divshot.com/css/bootstrap-responsive.css">
    <script src="https://app.divshot.com/js/jquery.min.js"></script>
  </head>
  
  <body>
    <div class="navbar">
      <div class="navbar-inner">
        <div class="container">
          <a class="brand" href="#">Your Company</a>
          <div class="navbar-content">
            <ul class="nav">
              <li class="active">
                <a href="#">Home</a> 
              </li>
              <li>
                <a href="#">About</a> 
              </li>
              <li>
                <a href="#">Contact</a> 
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="container-fluid">
      <div class="row-fluid">
        <div class="span3">
          <ul class="nav  nav-pills nav-stacked">
            <li class="active">
              <a href="#">Subnavigation One</a> 
            </li>
            <li>
              <a href="#">Subnavigation Two</a> 
            </li>
          </ul>
          <div class="well">
            <p>
              <b>Tip:</b>You can add additional components to your layout easily.</p>
          </div>
        </div>
        <div class="span9">
          <ul class="breadcrumb">
            <li>
              <a href="#">Original</a>
              <span class="divider">/</span>
            </li>
            <li>
              <a href="#">And Another</a>
              <span class="divider">/</span>
            </li>
            <li class="active">Last One</li>
          </ul>
          <div class="hero-unit">
            <h1>HTML5</h1>
            <p>This is the education of WEB STANDARD with a HTML5.</p>
            <p>
              <a class="btn btn-large btn-primary" href="#"><span class="btn-label">Sign Up Today!</span></a>
              <img src="http://t1.gstatic.com/images?q=tbn:ANd9GcTTTQskoZFjVSZnOLb1iooqral69MNcv-7WrlpHslYUqDk8j_IpDg"
              width="300" height="480"> 
            </p>
          </div>
          <div class="span7 offset1">
      		<dl class="dl-horizontal">
      			<dt>년</dt>
      			<dd>2013</dd>
      			<dt>월월월</dt>
      			<dd>1월</dd>
      			<dt>일일일일일</dt>
      			<dd>21일 월요일</dd>
      		</dl>
      	</div>
      	<code>
      		int a=10;
      		Bus bus=new Bus();
      		bus.start();
      	</code>
      	<pre class="pre-scrollable">
      		int a=10;
      		Bus bus=new Bus();
      		bus.start();
      		int a=10;
      		Bus bus=new Bus();
      		bus.start();
       		int a=10;
      		Bus bus=new Bus();
      		bus.start();
      		int a=10;
      		Bus bus=new Bus();
      		bus.start();
      	</pre>
      	<table class="table table-striped table-bordered table-hover">
      		<tr class="success">
		  		<td>이름</td>
				<td>직장</td>
				<td>사는 곳</td>
			</tr>
      		<tr class="error">
		  		<td>김아무개</td>
				<td>IT 프로그래머</td>
				<td>서울 강남</td>
			</tr>
      		<tr class="info">
		  		<td>이팀장님</td>
				<td>중앙정보처리학원</td>
				<td>부산</td>
			</tr>
      	</table>
      	<form class="form-search">
      	<figcaption>
      	<legend> 신입사원 폼 </legend>
      	<label for="name"> 이름 : </label>
      	<input type="text" name="name"
      		placeholder="여기에 이름을 3자 이상 적으세요">
      	
      		이름: <input type="text" name="name"><br>
      		사는곳: <input type="text" name="loc"><br>
      		자기소개: <textarea rows="15" cols="10">저는....</textarea>
      		성별: <input type="radio" name="isMan" value="man">남자
      			 <input type="radio" name="isMan" value="woman">여자<br>
      			 <input type="submit" class="btn">
      	</fieldset>
      	</form>
            <div class="row-fluid">
            <div class="span4">
              <h2>HTML5</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
            <div class="span4">
              <h2>CSS</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
            <div class="span4">
			<form>
			  <div class="input-prepend">
			    <div class="btn-group">...</div>
			    <input type="text">
			  </div>
			  <div class="input-append">
			    <input type="text">
			    <div class="btn-group">...</div>
			  </div>
			</form>
              <h2>jQuery</h2>
              <p>A paragraph of details about the heading and its related content so that
                you can have an example of how this should work.</p>
              <a class="btn" href="#"><span class="btn-label">View Details</span></a> 
            </div>
          </div>
        </div>
      </div>
    </div>
    <script src="https://app.divshot.com/js/bootstrap.min.js"></script>
  </body>

</html>